<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>Pic Lense</title>
    <script type="text/javascript" src="../mootools-1.2-core-nc.js"></script>
    <script type="text/javascript" src="../Fx.Matrix.js"></script>
    <script type="text/javascript">
        window.addEvent("domready", function(){
            
            var mfx = new Fx.Matrix($("x1"), {duration:1500});
            
            mfx.set(Fx.Matrix.prepare({
                scale: [1],
                skewY: [30],
                skewX: [10]
            }));
            
            mfx.start({scale: [1.1], skewY:[0], skewX:[0]});
            
            new Fx.Morph($("x1"), {duration: 1500})
            .start({width:828, height:333});

        });
    </script>
    <style type="text/css">
    #x1{width:3px; height:1.2px;position:absolute;top:100px;left:100px;}
    </style>
</head>
<body>
    <img id="x1" src="http://www.google.co.il/intl/en_com/images/logo_plain.png" />
</body>
</html>
